<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频播放页</title>
    <link rel="stylesheet" href="style4.css">
</head>
<body>
    <header>
      <div class="navBar">
        <div class="titleLeft">
          <a href="#" class="titleLink">开课吧首页 </a>
          <a href="#" class="titleLink">创业微课堂</a>
          <a href="#" class="titleLink">摄影微课堂</a>
          <a href="#" class="titleLink">微聚</a>
          <a href="#" class="titleLink">论坛 </a>
        </div>
        <div class="titleRight">
          <a href="#" class="titleLink">登录|注册 </a>
          <a href="#" class="titleLink">播放记录 </a>
          <a href="#" class="titleLink">App下载</a>
        </div>
      </div>

      <div class="navBar2">
        <div class="titleLeft">
          <a href="#" class="titleLink2">
            <span style="font-size: 30px">摄影</span>
            <span style="font-size: medium">开课吧</span>
          </a>
          <a href="#" class="titleLink2">个人中心</a>
          <a href="#" class="titleLink2">视频播放</a>
        </div>
        <div class="titleRight">
          <img src="11.jpg" alt="11" />
          <img src="11.jpg" alt="11" />
          <img src="11.jpg" alt="11" />
          <img src="11.jpg" alt="11" />
        </div>
      </div>
    </header>
    <div class="container">

        <div class="video-player">
            <video controls>
                <source src="your-video.mp4" type="video/mp4">
                您的浏览器不支持视频播放。
            </video>
            <div class="video-meta">
                <div class="video-stats">
                    <span class="like">1212</span>
                    <span class="favorite">收藏</span>
                    <span class="share">分享</span>
                    <span class="view-count">12.5万次播放</span>
                </div>
            </div>
        </div>


        <div class="related-section">
            <div class="related-videos">
                <h3>相关视频</h3>
                <div class="video-list">
                    <img src="2.jpg" alt="相关视频1">
                    <img src="2.jpg" alt="相关视频2">
                    <img src="2.jpg" alt="相关视频3">
                    <img src="2.jpg" alt="相关视频4">
                    <img src="2.jpg" alt="相关视频5">
                    <img src="2.jpg" alt="相关视频6">
                    <img src="2.jpg" alt="相关视频7">
                    <img src="2.jpg" alt="相关视频8">
                    <img src="2.jpg" alt="相关视频9">
                    <img src="2.jpg" alt="相关视频10">
                    <img src="2.jpg" alt="相关视频11">
                    <img src="2.jpg" alt="相关视频12">
                </div>
            </div>

            <div class="video-info">
                <h3>视频信息</h3>
                <p>
                    初学咋拍怎么选镜头<br>
                    对于初学摄影的朋友来说，选择合适的镜头是非常重要的一步。不同的镜头有不同的焦段和特点，适用于不同的拍摄场景和题材。<br>
                    广角镜头适合拍摄大场景、风景等，能容纳更多的画面元素；标准镜头视角接近人眼，拍摄人像、日常场景等比较自然；长焦镜头可以压缩空间，适合拍摄远处的景物、人像特写等，还能在一些场景下虚化背景，突出主体。<br>
                    另外，镜头的光圈大小也很关键，大光圈镜头能带来更好的背景虚化效果，在弱光环境下也能获得更快的快门速度，适合拍摄人像、夜景等。<br>
                    初学摄影可以根据自己主要的拍摄兴趣，比如喜欢风景就先考虑广角，喜欢人像可以关注大光圈的定焦或中长焦镜头，逐步去拓展自己的镜头设备。
                </p>
                <a href="#" class="more">详情>></a>
            </div>

            <div class="selected-activities">
                <h3>精选活动</h3>
                <div class="activity-list">
                    <img src="2.jpg" alt="精选活动1">
                    <img src="2.jpg" alt="精选活动2">
                    <img src="2.jpg" alt="精选活动3">
                </div>
            </div>
        </div>

        <!-- 评论区域 -->
        <div class="comment-section">
            <h3>评论：</h3>
            <textarea placeholder="来说点什么..."></textarea>
            <button class="submit-comment">发表评论</button>
        </div>
    </div>
    <footer>
    <p>Copyright@2025 摄影·分享 版权所有</p>
  </footer>
</body>
</html>